import { Component, OnInit} from '@angular/core'; import { EventInput } from '@fullcalendar/core'; @Component({ selector: 'farris-doc-color-picker', templateUrl: './calendar-demo.component.html', styleUrls: ['./calendar-demo.component.scss'] }) export class CalendarDemoComponent implements OnInit { calendarEvents: EventInput[] = [{ title: 'Event Now', start: new Date() }]; ngOnInit(): void {} handleSelect(event: any) { console.log(event); console.log('↓↓↓select↓↓↓'); console.log('start:' + event.startStr + '|end:' + event.endStr); const title = prompt('Event Title:'); if (title) { this.calendarEvents = this.calendarEvents.concat({ // add new event data. must create new array title, start: event.startStr, end: event.endStr }); } } handleUnSelect(event: any) { console.log(event); } }